* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
}
.homebox {
  position: relative;
  width: 100vw;
  height: 100vh;
  header {
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
    height: 85px;
    img {
      width: 100%;
    }
    div {
      display: flex;
      align-items: center;
      justify-content: end;
      margin-top: -50px;
      margin-right: 10px;
      button {
        margin-left: 15px;
      }
    }
  }
  .content {
    width: 100%;
    height: 600px;
    position: relative;
    .backgroundImage {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .SanBox {
      display: flex;
      align-items: center; // 垂直居中
      justify-content: space-between; // 让内容在水平方向上均匀分布
      width: 100%;
      height: 100%;
      .SanRen {
        position: absolute;
        top: 0%;
        left: 6%;
        width: 400px;
        height: 460px;
      }
      .overlayImage {
        width: 700px;
        height: 400px;
        position: absolute;
        top: 10%;
        left: 40%;
        z-index: 10; /* 确保叠加图在最上层 */
        .overlayImageContent {
          width: 100%; /* 根据需求调整宽度 */
          object-fit: contain;
        }
      }
      .videoContainer {
        width: 640px;
        height: 340px;
        background-color: transparent;
        position: absolute;
        top: 16%;
        left: 42%;
        z-index: 10; /* 确保叠加图在最上层 */
        .video {
          width: 100%;
          height: 336px;
          border-radius: 8px;
        }
      }
      .threeDContainer {
        width: 100px;
        height: 100px; /* 可根据需要调整高度 */
      }
    }

    footer {
      position: absolute;
      bottom: -7px;
      left: 0px;
      img {
        width: 100%;
      }
    }
  }
}

